<%@ page contentType="text/html;charset=utf-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
    <link rel="stylesheet" href="mstrgmip.css" />
    <link rel="stylesheet" type="text/css" href="default/easyui_o.css">
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="jquery.easyui.min.js"></script>
    <script type="text/javascript" src="panels/jquery.portal.js"></script>
	<script type="text/javascript" src="js/highcharts.js"></script>
	<script type="text/javascript" src="js/view.js"></script>
	<script type="text/javascript" src="js/exporting.js"></script>
	<script type="text/javascript" src="js/jquery.tabso_yeso.js"></script>
    
    <script type="text/javascript">
	    $(document).ready(function(){
	    	//alert("1");
	   		var flag = 1;
			$("#slideleft").click(
	    		function(){
	        		if(flag==1){
	        			$(".left_nav").animate({marginLeft:"-230px"});
	                    $("#slideleft").css("background","url(layout_arrows.png) no-repeat 0 -16px");
	                    flag = 0;
	        		}else{
	        			$(".left_nav").animate({marginLeft:"0px"});
	                    $("#slideleft").css("background","url(layout_arrows.png) no-repeat 0 0");
	                    flag = 1;
	        		}
	    		}
			);
			/* var leftNavFlag = 0;
			$("#rptsubn").click(function(){
				if(leftNavFlag==0){
					$("#pp").load("availableReports.html #greenBackground");
					leftNavFlag = 1;
				}else{
					$("#contentHeader").text("AVAILABLE REPORTS");
					$(".searchbar div:eq(1)").show();
					$("#All_Rpt").show();
				}
				//loadAvailabeReports();
			});
			$("#hmsubn").click(function(){
				$("#xportal").load("portal_o.jsp");//loading portal_o.jsp
			});
			$("#ucsubn").click(function(){
				if(leftNavFlag==0){
					$("#pp").load("availableReports.html #greenBackground", function(){
						$("#contentHeader").text("UPCOMING");
						$(".searchbar div:eq(1)").hide();
						$("#All_Rpt").hide();
					});
					leftNavFlag = 1;
				}else{
					$("#contentHeader").text("UPCOMING");
					$(".searchbar div:eq(1)").hide();
					$("#All_Rpt").hide();
				}
			});
			$("#mpsubn").click(function(){
				if(leftNavFlag==0){
					$("#pp").load("availableReports.html #greenBackground", function(){
						$("#contentHeader").text("MOST POPULAR");
						$(".searchbar div:eq(1)").hide();
						$("#All_Rpt").hide();
					});
					leftNavFlag = 1;
				}else{
					$("#contentHeader").text("MOST POPULAR");
					$(".searchbar div:eq(1)").hide();
					$("#All_Rpt").hide();
				}
			}); */
		});
	</script>
</head>
<body>
    <div id="content">
        <div style=" ">
            <div id="xheader">
            	<jsp:include page="header_2.html"/>
            </div>
        </div>
        <div style="">
            <div id="xnav">
            	<jsp:include page="nav_ie.jsp"/>
            </div>
            <div style="clear: left;"></div>
        </div>
        <div style="">
            <div id="xworkrpt">
            	<jsp:include page="workreporting.html"></jsp:include>
            </div>
        </div>
        
        <div id="main" style="">
            <div class="left_nav" style="position: relative; float: left;margin-right: 0px ">
                <div id="xleft_nav">
					<jsp:include page="left_nav_new.html"></jsp:include>
                </div>
            </div>
            <div id="slideleft" style="width:15px; height:15px;background: url('layout_arrows.png') no-repeat 0 0;float:left;"></div>
            <div id="center" style="position: relative; overflow:auto;">
                <div id="xportal">
                	<jsp:include page="portal_o.jsp"></jsp:include>
                </div>
            </div>
            <div style="clear: both;"></div>
        </div>
        <div id="footer" style="">
            <div id="xfooter" style="">
            	<jsp:include page="footer.jsp"></jsp:include>
            </div>
        </div>
    </div>
    <!-- confighome function -->
    <jsp:include page="confighome.html"></jsp:include>
    <div id="wSpendPanel" class="easyui-window" title="Spend Panels" data-options="modal:true,closed:true,resizable:false,iconCls:'icon-save'" style="width: 714px; height: 610px;">
    </div>
</body>
</html>